<template>
	<div class=" h-vh">
		<div class=" mx-auto my-sm text-center h-xl py-lg">
			<b>NFT排行</b>
		</div>
		<div class=" h-8/12 overflow-scroll">
			<MainItem
				v-for="item in mainNftList"
				:key="item.id"
				:mainNftInfo="item"
			></MainItem>
		</div>

		<div class=" text-center p-md">
			<div>
				Terms Privacy Policy 中文
			</div>
			<div>
				haichain, Inc
			</div>
		</div>
	</div>
</template>

<script>
import MainItem from './MainItem.vue';
export default {
	components: {
		MainItem,
	},
	props: ['mainNftList'],

	data() {
		return {
			cityList: [
				{
					value: '买家',
					label: '买家',
				},
				{
					value: '卖家',
					label: '卖家',
				},
			],
			days: [
				{
					value: '1天',
					label: '1天',
				},
				{
					value: '2天',
					label: '2天',
				},
			],
			model1: '买家',
			model2: '1天',
		};
	},
};
</script>
